<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title>Babylon Engine示例项目</title>
  <link rel="icon" href="favicon.ico" />

  <!-- Babylon.js -->
  <script src="js/libs/pep.min.js"></script>
  <!-- <script src="js/libs/dat.gui.min.js"></script> -->
  <script src="js/online/ammo.js"></script>
  <script src="js/online/cannon.js"></script>
  <script src="js/online/Oimo.js"></script>
  <!-- <script src="js/online/gltf_validator.js"></script> -->
  <!-- <script src="js/online/earcut.min.js"></script> -->
  <script src="js/online/babylon.js"></script>
  <script src="js/online/babylonjs.materials.min.js"></script>
  <script src="js/online/babylonjs.proceduralTextures.min.js"></script>
  <script src="js/online/babylonjs.postProcess.min.js"></script>
  <script src="js/online/babylonjs.loaders.min.js"></script>
  <script src="js/online/babylonjs.serializers.min.js"></script>
  <script src="js/online/babylon.gui.min.js"></script>
  <script src="js/online/babylon.inspector.bundle.js"></script>

  <!-- axios -->
  <script src="js/online/axios.min.js"></script>

  <!-- CSS -->
  <!-- <link href="css/index.css" rel="stylesheet" /> -->

  <style>
    html,
    body {
      overflow: hidden;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }

    #renderCanvas {
      width: 100%;
      height: 100%;
      touch-action: none;
    }

    #fpsLabel {
      position: absolute;
      right: 10px;
      top: 20px;
      cursor: default;
      z-index: 10;
      background-color: #7283a0;
      color: white;
      padding: 5px;
      border-radius: 3px;
      font-family: 'Montserrat';
      pointer-events: none;
      user-select: none;
    }
  </style>
</head>

<body>
  <canvas id="renderCanvas"></canvas>

  <div class="label" id="fpsLabel">FPS</div>





  <script src="engine.js"></script>
  <!-- <script src="test.js"></script> -->



</body>

</html>